import { Component } from 'react'
import { Row, Col } from 'antd'
import Header from '../components/layout/Header'
import Footer from '../components/layout/Footer'
import NavLeft from '../components/layout/NavLeft'
// import Home from '../components/layout/Home'

import 'antd/dist/antd.css'
import './Admin.css'

export default class Admin extends Component {
  render () {
    return (
      <Row className="Admin">
        <Col span={3} className="nav-left">
          <NavLeft></NavLeft>
        </Col>
        <Col span={21} className="main">
          <Header></Header>
          <Row className="content">
            {this.props.children /* 路由占位符 */}
            <Footer></Footer>
          </Row>
        </Col>
      </Row>
    )
  }
}
